<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ title }} </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Template by FREEHTML5.CO"/>
    <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive"/>
    <meta name="author" content="FREEHTML5.CO"/>

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">

    <!-- Google Webfonts <link href='http://fonts.useso.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'> -->


    <!-- Animate.css -->
    <link rel="stylesheet" href="http://10.7.7.163:9000/boke/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="http://10.7.7.163:9000/boke/css/icomoon.css">
    <!-- Bootstrap Style -->
    <link rel="stylesheet" href="http://10.7.7.163:9000/boke/css/bootstrap.css">
    <!-- Theme Style -->
    <link rel="stylesheet" href="http://10.7.7.163:9000/boke/css/style.css">
    <!-- Modernizr JS -->
    <script src="http://10.7.7.163:9000/boke/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
    <style type="text/css">
        #social-animate .ulBox li a{

            font-size: 24px;
            margin: 0 20px;
            !important;

        }
    </style>

</head>
<body>

<div id="fh5co-portrait" style="background-image: url(http://10.7.7.163:9000/boke/images/hero.jpg);"
     data-minheight="500">
    <div id="fh5co-toggle" class="js-fh5co-toggle to-animate-single"><a href="#fh5co-bio" class="fh5co-active">
            >></a></div>
    <div id="fh5co-intro">
        <h1><span class="to-animate">设计师,</span> <span class="to-animate">全栈开发者,</span> <span
                class="to-animate">企业家,</span> <span class="to-animate">Hovave</span></h1>
        <p class="to-animate">有兴趣一起工作么? Email me at <a href="mailto:zhaobinhong@bankeys.com" class="to-animate">{{ email }}</a>
        </p>
    </div>
    <div id="social-animate" class="fh5co-social">
        <ul class="ulBox">

            <li><a href="/bowen">博文</a></li>
            <li><a href="/jineng">技能</a></li>
            <li><a href="/admin">管理</a></li>
        </ul>

    </div>
    <div class="overlay"></div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">手机网站模板</a></div>
<div id="fh5co-bio">
    <div id="fh5co-bio-inner">
        <h1>{{ h1 }}</h1>

        <br>
        <storng style="font-size: 20px; color: aqua">现在时间是 {{ dateTime }}</storng>
        <br>
        <br>

        <p class="to-animate">
            远远的，在
            <a href="#">“山”</a>
            的后面,
            <a href="#">那里</a>, 生活着无忧无虑的人们。
        </p>
        <p class="to-animate">
            一条小河流，
            <a href="#">滋养着这里的万物</a>。

        </p>
        <p class="to-animate">
            <a href="#">你</a>,
            <a href="#">我</a> and
            <a href="#">Ta</a>
        </p>
        <div class="fh5co-copyright to-animate">
            <p>
                <small>&copy; 2016 home page <a href="##"
                                                target="_blank" title="我的主页">我的主页</a> -
                    <a href="http://www.cssmoban.com/" title="" target="_blank"></a> Images: <a
                            href="#" target="_blank">blank</a></small>
            </p>
        </div>
    </div>

</div>


<!-- jQuery -->
<script src="http://10.7.7.163:9000/boke/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="http://10.7.7.163:9000/boke/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="http://10.7.7.163:9000/boke/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="http://10.7.7.163:9000/boke/js/jquery.waypoints.min.js"></script>
<!-- Main JS -->
<script src="http://10.7.7.163:9000/boke/js/main.js"></script>


</body>
</html>
